// 1980-1989年的流量监测数据和模拟数据的比较图
function buildChartFlow198089(chartId) {
    var myChart = echarts.init(document.getElementById(chartId), "shine");
    option = {
        title: {
            text: '环城公路桥的流量数据'
        },
        backgroundColor: '#FBFBFB',
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data:['模拟','实测']
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: {
            type: 'category',
            boundaryGap: true,
            data: ['1980年1月','1980年2月','1980年3月','1980年4月','1980年5月','1980年6月','1980年7月','1980年8月',
                '1980年9月','1980年10月','1980年11月','1980年12月','1981年1月','1981年2月','1981年3月','1981年4月',
                '1981年5月','1981年6月','1981年7月','1981年8月','1981年9月','1981年10月','1981年11月','1981年12月',
                '1982年1月','1982年2月','1982年3月','1982年4月','1982年5月','1982年6月','1982年7月','1982年8月',
                '1982年9月','1982年10月','1982年11月','1982年12月','1983年1月','1983年2月','1983年3月','1983年4月',
                '1983年5月','1983年6月','1983年7月','1983年8月','1983年9月','1983年10月','1983年11月','1983年12月',
                '1984年1月','1984年2月','1984年3月','1984年4月','1984年5月','1984年6月','1984年7月','1984年8月',
                '1984年9月','1984年10月','1984年11月','1984年12月','1985年1月','1985年2月','1985年3月','1985年4月',
                '1985年5月','1985年6月','1985年7月','1985年8月','1985年9月','1985年10月','1985年11月','1985年12月',
                '1986年1月','1986年2月','1986年3月','1986年4月','1986年5月','1986年6月','1986年7月','1986年8月','1986年9月',
                '1986年10月','1986年11月','1986年12月','1987年1月','1987年2月','1987年3月','1987年4月','1987年5月',
                '1987年6月','1987年7月','1987年8月','1987年9月','1987年10月','1987年11月','1987年12月','1988年1月',
                '1988年2月','1988年3月','1988年4月','1988年5月','1988年6月','1988年7月','1988年8月','1988年9月',
                '1988年10月','1988年11月','1988年12月','1989年1月','1989年2月','1989年3月','1989年4月','1989年5月',
                '1989年6月','1989年7月','1989年8月','1989年9月','1989年10月','1989年11月','1989年12月']
        },
        yAxis: {
            type: 'value'
        },
        series: [
            {
                name:'模拟',
                type:'line',
                symbol: 'none',
                smooth: 0.3,
                data:[1.728,7.66,39.8,30.15,52.29,24.3,12.81,22.08,5.631,9.047,3.99,2.345,2.551,8.845,50.73,37.84,19.14,
                    15.05,22.52,26.7,51.54,27.15,50.28,6.334,2.159,10.83,27.39,21.38,13.44,21.59,32.92,32.79,5.46,6.585,
                    10.59,10.72,6.792,5.519,16.2,47.29,32.94,70.48,75.28,18.77,23.56,25.68,4.437,2.432,11.92,24.28,24.2,
                    35.26,27.65,51.09,29.11,16.05,6.295,9.53,4.611,4.556,6.854,18.86,38.32,9.634,6.81,12.57,21.27,38.86,
                    13.76,4.73,4.465,4.209,1.322,3.725,10.67,40.36,21.78,15.76,19.58,6.367,42.34,16.32,17,3.409,7.927,
                    6.113,36.45,40.1,14.85,27.6,39.34,20.29,28.3,11.14,18.73,5.886,2.842,14.01,48.15,25.74,22.72,77.63,
                    17.37,28.26,14.64,3.069,0.8201,0.309,4.935,4.895,9.71,36.32,48.01,50.93,68.37,41.85,80.47,8.874,3.078,2.693]
            },
            {
                name:'实测',
                type:'line',
                symbol: 'none',
                smooth: 0.3,
                data:[1.33,6.67,33.5,24.2,50.4,19.3,9.5,23.2,6.27,8.97,3.06,1.93,4.23,7.13,43.9,33.6,13.2,10.7,17.1,
                    20.6,52.6,27.8,52.6,9.67,3.94,13.5,30.8,16,12.7,20,28.3,24.5,7.94,8.16,10.8,7.13,9.2,5.59,12.5,
                    44.9,31.6,80.6,72.3,18,18,26,7.98,4.35,10.9,18.9,25.4,35.7,22.4,57.3,20.5,13.5,6.95,8,4.07,4.07,
                    6.52,19,34.4,7.93,7.21,10.1,12.2,22.6,12.1,5.61,3.02,3.58,2.93,3.12,9.73,36.5,16.7,14.8,15.4,5.93,
                    37.7,13.8,12.2,4.24,8.02,4.72,31.6,34.7,18.5,31.9,41.8,17.6,27,13.3,15.9,9.15,3.38,19.5,43.1,17.4,
                    19.9,76.3,14.1,21.6,17.3,8.96,6.69,4.13,7.34,6.35,8.42,26.7,47.5,41.9,68.6,36.2,80,10.6,6.3,3.98]
            }
        ]
    };
    myChart.setOption(option);
}

// 2011-2018年的流量
function buildChartFlow(datas, chartId) {
    var myChart = echarts.init(document.getElementById(chartId), "shine");
    option = {
        title: {
            text: '2011-2018年的模拟流量'
        },
        backgroundColor: '#FBFBFB',
        tooltip: {
            trigger: 'axis'
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: {
            type: 'category',
            data: datas.name
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: datas.value,
            type: 'line',
            symbol: 'none',
            smooth: 0.3,
            lineStyle: {
                normal: {
                    width: 3
                }
            }
        }]
    };
    myChart.setOption(option);
}

// 氨氮水质数据
function buildChartNH4(datas, chartId) {
    var myChart = echarts.init(document.getElementById(chartId), "shine");
    var option = {
        title: {
            text: '水质数据（氨氮）'
        },
        backgroundColor: '#FBFBFB',
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            type: "scroll",
            align: "right",
			right: "15",
            selected:{"实测": true, "基准": true, "农村": false, "养殖": false, "城镇": false, "综合": true},
            data: ["实测", "基准", "农村", "养殖", "城镇", "综合"]
        },
        calculable: true,
        xAxis: {
            type: 'category',
            boundaryGap: true,
            data: datas.name,
        },
        yAxis: [{
            type: 'value'
        }],
        axisTick: {
            show: false
        },
        series: [{
            name: '实测',
            type: 'scatter',
            symbolSize: 6,
            data: datas.value1
        },
        {
            name: '基准',
            type: 'line',
            symbol: 'none',
            smooth: 0.3,
            data: datas.value2,
            lineStyle: {
                normal: {
                    width: 3
                }
            }
        },
        {
            name: '农村',
            type: 'line',
            symbol: 'none',
            smooth: 0.3,
            data: datas.value3,
            lineStyle: {
                normal: {
                    width: 3
                }
            }
        },
        {
            name: '养殖',
            type: 'line',
            symbol: 'none',
            smooth: 0.3,
            data: datas.value4,
            lineStyle: {
                normal: {
                    width: 3
                }
            }
        },
        {
            name: '城镇',
            type: 'line',
            symbol: 'none',
            smooth: 0.3,
            data: datas.value5,
            lineStyle: {
                normal: {
                    width: 3
                }
            }
        },
        {
            name: '综合',
            type: 'line',
            symbol: 'none',
            smooth: 0.3,
            data: datas.value6,
            lineStyle: {
                normal: {
                    width: 3
                }
            }
        }]
    };
    myChart.setOption(option);
}

//
function buildChartP(datas, chartId) {
    var myChart = echarts.init(document.getElementById(chartId), "shine");
    var option = {
        title: {
            text: '水质数据（总磷）'
        },
        backgroundColor: '#FBFBFB',
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            type: "scroll",
            align: "right",
			right: "15",
            selected:{"实测": true, "基准": true, "农村": false, "养殖": false, "城镇": false, "综合": true},
            data: ["实测", "基准", "农村", "养殖", "城镇", "综合"]
        },
        calculable: true,
        xAxis: {
            type: 'category',
            boundaryGap: true,
            data: datas.name,
        },
        yAxis: [{
            type: 'value'
        }],
        axisTick: {
            show: false
        },
        series: [
        {
            name: '实测',
            type: 'scatter',
            symbolSize: 6,
            data: datas.value1,

        },
        {
            name: '基准',
            type: 'line',
            symbol: 'none',
            smooth: 0.3,
            data: datas.value2,
            lineStyle: {
                normal: {
                    width: 3
                }
            }
        },
        {
            name: '农村',
            type: 'line',
            symbol: 'none',
            smooth: 0.3,
            data: datas.value3,
            lineStyle: {
                normal: {
                    width: 3
                }
            }
        },
        {
            name: '养殖',
            type: 'line',
            symbol: 'none',
            smooth: 0.3,
            data: datas.value4,
            lineStyle: {
                normal: {
                    width: 3
                }
            }
        },
        {
            name: '城镇',
            type: 'line',
            symbol: 'none',
            smooth: 0.3,
            data: datas.value5,
            lineStyle: {
                normal: {
                    width: 3
                }
            }
        },
        {
            name: '综合',
            type: 'line',
            symbol: 'none',
            smooth: 0.3,
            data: datas.value6,
            lineStyle: {
                normal: {
                    width: 3
                }
            }
        }]
    };
    myChart.setOption(option);
}